// 导入一个方法 defineStore
import { defineStore } from "pinia"
import { computed,ref } from 'vue'
import axios from 'axios'

// useCounterStore本身还是一个可执行的方法，必须在组件里执行useCounterStore才能得到真实的Store对象
export const useCounterStore = defineStore('counter', () => {
    // 定义数据
    const count  = ref(100)

    // 定义修改数据的方法（action 同步 + 异步）
    const increment = () => {
        count.value++
    }

      // getter定义
      const doubleCount = computed(() => count.value *2)

      // 定义异步action
    //   const list = ref([])
    //   const getList =  async () => {
    //     const res = await axios.get(API_URL)
    //     list.value = res.data.data.channels
    //   }

    // 一对象的方式return共组件使用
    return {
        count,
        increment,
        doubleCount
    }

  
})